<!DOCTYPE html>
<style>

/* .k-grid-content tbody k-grouping-row k-reset{
	text-aligin: 
}
 */
.numbers{
	overflow: hidden;
	margin-bottom: 0px;
	min-height:120px;
}
.canEdit {
    color: #0074c1;
    font-weight: bold;
    cursor: pointer;
}
.productImage{
	width: 120px;
	height: 120px;
}
.leftImage{
    position: absolute;
}
.rightInfo{
    padding-left: 50%;
    text-align: left;
    min-height: 120px;
}
#box_product,.product_infos_show{
	width:100%;
	height:auto;
	overflow:hidden;
}
#box_product p{
	width:auto;
	float: left;
    box-sizing: border-box;
    padding-top: 10px;
}
#box_product  .boxInfo1{
	padding-left: 10px;
}
#box_product input{
	float:left;
}
#box_product  .boxInfo2{
	min-width:20px;
	max-width:92px;
}
.add_reduce{
	float: left;
    margin-left: 5px;	
}
.accountSets{
	float:right;
}
</style>
<div ng-controller="orderListCtrl">
	<section class="well">
	    <!-- 标题 -->
	    <div class="fileAbout backstage">订单详情
	    </div>
	    
    	<div class="idMessage">
       		<div class="greenLine">
	   			<div class="oneList choose" ng-click="chooseList(1)">产品订单</div>
	   		</div>
	   		
	   		<div class="form-horizontal form-widgets col-md-12 gray">
			    <div class="form-group">
					<div class="form-horizontal form-widgets col-sm-4">
						<div class="form-group">
							<label class="control-label col-sm-4 businessr">活动编号</label>
							<div class="col-sm-8">
								<input ng-model="search.order_code"  class="k-textbox"/>
							</div>
						</div>
					</div>
					<div class="form-horizontal form-widgets col-sm-4">
						<div class="form-group">
							<label class="control-label col-sm-4 businessr">活动名称</label>
							<div class="col-sm-8">
								<input ng-model="search.activity_names" class="k-textbox" />
							</div>
						</div>
					</div>
					<div class="form-horizontal form-widgets col-sm-4">
						<div class="form-group">
							<label class="control-label col-sm-4 businessr">订单状态</label>
							<div class="col-sm-8">
								<input id="orderState"/>
							</div>
						</div>
					</div>
					<div class="form-horizontal form-widgets col-sm-4" ng-show="showThree">
						<div class="form-group">
							<label class="control-label col-sm-4 businessr" >分公司</label>
							<div class="col-sm-8">
								<input ng-model="search.filiale"  class="k-textbox"/>
							</div>
						</div>
					</div>
<!-- 					<div class="form-horizontal form-widgets col-sm-4" ng-show="showThree">
						<div class="form-group">
							<label class="control-label col-sm-4 businessr" >专卖店名称</label>
							<div class="col-sm-8">
								<input ng-model="search.shop_name"  class="k-textbox"/>
							</div>
						</div>
					</div> -->
					<div class="form-horizontal form-widgets col-sm-4">
						<div class="form-group">
							<label class="control-label col-sm-4 businessr">专属顾问</label>
							<div class="col-sm-8">
								<input ng-model="search.order_guide" class="k-textbox" />
							</div>
						</div>
					</div>
					<div class="form-horizontal form-widgets col-sm-4">
						<div class="form-group">
							<label class="control-label col-sm-4 businessr">产品型号</label>
							<div class="col-sm-8">
								<input ng-model="search.product_type" class="k-textbox" />
							</div>
						</div>
					</div>
					<div class="form-horizontal form-widgets col-sm-4">
						<div class="form-group">
							<label class="control-label col-sm-4 businessr">联系电话</label>
							<div class="col-sm-8">
								<input ng-model="search.phone" class="k-textbox" />
							</div>
						</div>
					</div>
					<div class="form-horizontal form-widgets col-sm-4">
						<div class="form-group">
							<label class="control-label col-sm-4 businessr">下单日期</label>
							<div class="col-sm-8">
								<input id="order_down_time"/>
							</div>
						</div>
					</div>

<!-- 					<div class="form-horizontal form-widgets col-sm-4">
						<div class="form-group">
							<label class="control-label col-sm-4 businessr">订单类型</label>
							<div class="col-sm-8">
								<input id="order_types" />
							</div>
						</div>
					</div> -->


<!-- 					<div class="form-horizontal form-widgets col-sm-4">
						<div class="form-group">
							<label class="control-label col-sm-4 businessr">打单员</label>
							<div class="col-sm-8">
								<input ng-model="search.fright_personnel" class="k-textbox" />
							</div>
						</div>
					</div> -->

					<div class="form-horizontal form-widgets col-sm-4" ng-show="hideOtherOrder">
						<div class="form-group">
							<label class="control-label col-sm-4 businessr">专卖店名称</label>
							<div class="col-sm-8">
								<input ng-model="search.shop_name" class="k-textbox" />
							</div>
						</div>
					</div>
					<div class="form-horizontal form-widgets col-sm-4" ng-show="showTwoOrOne">
						<div class="form-group">
							<label class="control-label col-sm-4 businessr"></label>
							<div class="col-sm-8" style="height:4.1rem;">
								
							</div>
						</div>
					</div> 
					<div class="form-horizontal form-widgets col-sm-4" ng-show="showOne">
						<div class="form-group">
							<label class="control-label col-sm-4 businessr"></label>
							<div class="col-sm-8" style="height:4.1rem;">
								
							</div>
						</div>
					</div> 
				   <div class="form-horizontal form-widgets col-sm-4">
						<div class="form-group">
							<label class="control-label col-sm-4 businessr">省</label>
							<div class="col-sm-8">
								<input id="province"/>
							</div>
						</div>
					</div>
					<div class="form-horizontal form-widgets col-sm-4">
						<div class="form-group">
							<label class="control-label col-sm-4 businessr">市</label>
							<div class="col-sm-8">
								<input id="city"/>
							</div>
						</div>
					</div>
					<div class="form-horizontal form-widgets col-sm-4">
						<div class="form-group">
							<label class="control-label col-sm-4 businessr">区</label>
							<div class="col-sm-8">
								<input id="area"/>
							</div>
						</div>
					</div>
				</div>
				<div class="buttons-wrap clearBoth">
					<button class="k-button k-state-default" ng-click="search()">搜索</button>
				</div>
			</div>
			
			<div>
			 	<button class="k-button k-state-default" ng-click="chooseAll('recordClass',true)">全选</button>
				<button class="k-button k-state-default" ng-click="chooseAll('recordClass',false)">取消</button>
			 	<button class="k-button k-state-default" ng-click="downloadTableData(1)">筛选导出</button>
				<button class="k-button k-state-default" ng-click="downloadTableData(2)">选中导出</button>
				<button class="k-button k-state-default" ng-click="accountSet()" ng-show="orderExplain_show">说明设置</button>
				<hr class="towGreen">
			</div>
			
     		<div kendo-grid="grid"  k-options="gridOptions" id="gridOrder"></div>
     		
		    <div class="pull-right">
		      	<div style="padding: 10px;font-size: 16px;" >
		    	 	<span class="">订单总额：{{order_totalprice}}(元)</span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span>订单数量：{{order_count}}</span>
		  	  	</div>
		    </div>
		    
     	</div>
	</section>
	<div kendo-window="accountSet1" k-title="'设置说明'" k-width="750" k-min-height="400"k-visible="false" k-modal="true"class="allTable">
		 <div class="form-horizontal form-widgets col-md-12">
			<div class="form-group">
				<label class="control-label col-sm-2 businessr">活动订单说明:</label>
				<div class="col-sm-8">
					  <textarea style="width:100%;height:300px;padding:10px;box-sizing:border-box;" ng-model="account.activityExplain"></textarea>
				</div>
			</div>
		</div>
		<div class="buttons-wrap">
			<button class="k-button k-state-default button_center" id="Acount" ng-click="SubmitAcount()">确定</button>
		</div>
	</div>	
	<div kendo-window="booking_detail" k-title="'订单详情'" k-width="880" k-min-height="400"k-visible="false" k-modal="true"class="allTable">
   		  <table class="col-sm-11 table">
              <tr>
	               <td class="col-sm-2 "   style="text-align:right">客户姓名:</td>
	               <td class="col-sm-2 "  style="text-align:left">{{product.customerName}}</td>
	               <td  class="col-sm-2 ">联系电话:</td>
	               <td  class="col-sm-2 " style="text-align:left">{{product.customerPhone}}</td> 
	               <td  class="col-sm-2 ">订单编号:</td>
	               <td  class="col-sm-2 " style="text-align:left">{{product.orderCode}}</td> 
              </tr>
              <tr>
	               <td class="col-sm-2 "   style="text-align:right">下单时间:</td>
	               <td class="col-sm-2 "  style="text-align:left">{{product.createTime}}</td>
	               <td class="col-sm-2 "   style="text-align:right">活动名称:</td>
	               <td class="col-sm-2 "  style="text-align:left">{{product.activityName}}</td>
	               <td  class="col-sm-2 ">活动编号:</td>
	               <td  class="col-sm-2 " style="text-align:left">{{product.activityCode}}</td> 
              </tr>
              <tr>
              	   <td  class="col-sm-2 ">订单状态:</td>
	               <td  class="col-sm-2 " style="text-align:left">{{product.orderState}}</td> 
	               <td class="col-sm-2 "   style="text-align:right">专属顾问:</td>
	               <td class="col-sm-2 "  style="text-align:left">{{product.sellerName}}</td>
	               <td  class="col-sm-2 ">专属顾问电话:</td>
	               <td  class="col-sm-2 " style="text-align:left">{{product.sellerPhone}}</td> 
              </tr>
              <tr ng-show="company_shop_table_show">
              	   <td  class="col-sm-2 ">分公司:</td>
	               <td  class="col-sm-2 " style="text-align:left">{{product.filiale}}</td> 
	               <td class="col-sm-2 "   style="text-align:right">所属专卖店:</td>
	               <td class="col-sm-2 "  style="text-align:left">{{product.shopName}}</td>
	               <td  class="col-sm-2 ">报名专卖店:</td>
	               <td  class="col-sm-2 " style="text-align:left">{{product.signShopName}}</td> 
              </tr>
              <tr ng-show="shop_table_show">
	               <td class="col-sm-2 "   style="text-align:right">所属专卖店:</td>
	               <td class="col-sm-2 "  style="text-align:left">{{product.shopName}}</td>
	               <td  class="col-sm-2 ">报名专卖店:</td>
	               <td  class="col-sm-2 " style="text-align:left" colspan="3">{{product.signShopName}}</td> 
              </tr>
              <tr>
	                <td  class="col-sm-2" style="text-align:left;">【收货信息】：</td>
	                <td class="col-sm-2 "  colspan="5"></td>
              </tr>
              <tr>
	                <td  class="col-sm-2 ">收货人：</td>
	                <td  class="col-sm-2 ">
	                	<input ng-model="product.consignee" class="k-textbox noCompile" />
	                </td>
	                <td  class="col-sm-2 ">联系电话：</td>
	                <td  class="col-sm-2 ">
	                	<input ng-model="product.consigneePhone" class="k-textbox noCompile" />
	                </td>
	                <td  class="col-sm-2 "></td>
	                <td  class="col-sm-2 "></td>
              </tr>
              <tr>
              		<td  class="col-sm-3 ">送货地址：</td>
              		<td  class="col-sm-2" colspan="5">
              			<input ng-model="product.consigneeAddress" class="k-textbox noCompile" style="width:100%" />
              		</td>
	               
              </tr>
              <tr>
	                <td  class="col-sm-2"  style="text-align:left;">【产品信息】：</td>
	                <td class="col-sm-2 "  colspan="5"></td>
              </tr>
               <tr>
                  <td  class="col-sm-2 "  colspan="6">
					<div id="box_product">
						<div class="product_infos_show">
							<img class="add_reduce" src="../../images/icon/add.png" ng-click="addgif()">
							<p class="boxInfo1">产品型号：</p>
							<input class="k-textbox boxInfo2 noCompile" />
							<p class="boxInfo1">产品单价：</p>
							<input class="k-textbox boxInfo2 noCompile" ng-blur="productCount()" />
							<p class="boxInfo1">产品数量：</p>
							<input  class="k-textbox boxInfo2 noCompile"  ng-blur="productCount()" />
							<p class="boxInfo1">产品总价：</p>
							<input  class="k-textbox boxInfo2 noCompile" />
						</div>
					</div>
                  </td>

              </tr>             
              <tr>
              	  <td  class="col-sm-2"  style="text-align:left;">【支付信息】：</td>
                  <td class="col-sm-2 "  colspan="5" style="text-align:left"></td>
              </tr>
              <tr>
                  <td  class="col-sm-2 ">预付定金:</td>
                  <td  class="col-sm-2 ">
                  	 <input ng-model="product.depositPrice" class="k-textbox noCompile" ng-blur='calculateMoney()'/>
                  </td>
                  <td  class="col-sm-2 ">本次实收金额:</td>
                  <td  class="col-sm-2 ">
                  	<input ng-model="product.realPayPrice" class="k-textbox noCompile" />
                  </td>
                  <td  class="col-sm-2 "></td>
                  <td  class="col-sm-2 "></td>
                  <!-- <td  class="col-sm-2 ">是否使用活动卡:</td>
                  <td  class="col-sm-2 ">
                  	<input ng-model="product.isUseActivityCard" class="k-textbox noCompile" />
                  </td> -->
              </tr>
              <tr>
                  <td  class="col-sm-2 ">付款方式:</td>
                  <td  class="col-sm-3 ">
                  	<div id="paymentMethod">{{paymentMethod}}</div>
                  </td>
                  <td  class="col-sm-2 " >{{activity_name1}}</td>
                  <td  class="col-sm-2 ">{{activity_num1}}</td>
                  <td  class="col-sm-2 " >{{activity_name2}}</td>
                  <td  class="col-sm-2 ">{{activity_num2}}</td>
                  <input id="activity1" style="display:none;"/>
                  <input id="activity2" style="display:none;" />
              </tr>
              <tr>
                  <td  class="col-sm-2 ">奖品内容:</td>
                  <td  class="col-sm-3 ">{{product.prizes}}</td>
                  <td  class="col-sm-2 ">满赠礼品:</td>
                  <td  class="col-sm-2 ">{{product.prize}}</td>
                  <td  class="col-sm-2 "></td>
                  <td  class="col-sm-2 "></td>
              </tr>
              <tr>
              	  <td  class="col-sm-2">备注：</td>
                  <td class="col-sm-2 "  colspan="5" style="text-align:left">
                  	  <textarea style="width:100%;height:50px;" ng-model="product.remarks"></textarea>
                  </td>
              </tr>
              <tr>
              	  <td  class="col-sm-2">说明：</td>
                  <td class="col-sm-2 "  colspan="5" style="text-align:left">
                     <textarea style="width:100%;height:50px;" ng-model="product.explain"></textarea>
                  </td>
              </tr>
           </table>
           <div class="buttons-wrap">
				<button class="k-button k-state-default button_center" id="productSubmitButton" ng-click="productSubmit()">确定</button>
		  </div>
     </div>
     	<div kendo-window="booking_close" k-title="'查看关闭的原因'" k-width="400" k-min-height="200"k-visible="false" k-modal="true"class="allTable">
     		 <textarea style="width:100%;height:100px;" ng-model="close_explain" disabled="disabled"></textarea>
     		 <div class="buttons-wrap">
				<button class="k-button k-state-default button_center" id="aboutClose" ng-click="SubmitCloses()">确定</button>
		  </div>
     	</div>

 </div>  
	
